<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="script/thirdplugins/require.js" async="true" defer="defer" data-main="script/js/details.js"></script>
		<title>详情页</title>
	</head>

	<body id="details">
		<!--=--------------头部-------------------->
		<div id="details_header">
			<!--=--------------头部--工具区------------------>
			<div class="tools">

			</div>
			<!--=--------------头部--搜索区------------------>
			<div class="details_search">
			</div>
			<!--=--------------头部--导航区------------------>
			<div class="details_nav">
			</div>
		</div>
		<!--=--------------主体------------------>
		<div id="details_sections">
			<!--=--------------主体--广告栏---------------->
			<div class="ad">
				<a href="javascript:;"><img src="http://img63.ddimg.cn/2018/12/5/2018120514145268572.jpg" alt="" /></a>
			</div>
			<!--=--------------主体--面包屑导航---------------->
			<div class="breadcrumb" dd_name="面包屑导航">
				<a href="javascript:;"><b>图书</b></a><span class="gt">></span>
				<a href="javascript:;">小说</a><span class="gt">></span>
				<a href="javascript:;">情感</a><span class="gt">></span>
				<a href="javascript:;">言情</a><span class="gt">></span>
				<span>景恒街（当当独家限量签名版。80后文学领军人物笛安暌违5年，201</span>
			</div>
			<!--=--------------主体--展示区---------------->
			<div class="product_show">
				<!--=--------------主体--图片展示区---------------->
				<div class="pic_show">
					<div class="mid_pic">
						<img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" />
						<div class="xf"></div>
					</div>
					<div class="bf">
						<img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" />
					</div>
					<div class="sale_lable">
						<img src="http://product.dangdang.com/images/sale_picture.png" />
						<p>重磅新书，单品包邮</p>
					</div>
					<div class="small_pic">
						<a href="javascript:;" class="left"></a>
						<a href="javascript:;" class="right"></a>
						<div class="small_box">
							<div class="see_box">

								<ul>
									<li>
										<a href="javascript:;"><img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><img src="http://img3m0.ddimg.cn/7/27/25137790-2_u_3.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><img src="http://img3m0.ddimg.cn/7/27/25137790-1_u_2.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><img src="http://img3m0.ddimg.cn/7/27/25137790-3_u_3.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><img src="http://img3m7.ddimg.cn/62/33/25324757-4_u_8.jpg" alt="" /></a>
									</li>

								</ul>
								<ul>
									<li>
										<a href="javascript:;"><img src="http://img3m7.ddimg.cn/62/33/25324757-5_u_7.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><img src="http://img3m7.ddimg.cn/62/33/25324757-8_u_5.jpg" alt="" /></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="share">
						<a href="javascript:;"><i></i>分享</a>
						<span><i></i>送积分<a href="Javascript:;"></a></span>
						<a href="javascript:;"><i></i>收藏商品(2934人气) </a>
					</div>
				</div>
				<!--=--------------主体--内容展示区---------------->
				<div class="information">
					<div class="information_box">
						<!--=--------------主体--内容展示区-左侧文字展示区-标题-介绍价格等------------->
						<div class="main">
							<!--=--------------主体--内容展示区-标题-详细介绍----------->
							<div class="title_info">
								<h2>
									<img src="http://product.dangdang.com/images/icon_ddzy.png" alt="" />
                                        我就喜欢你不喜欢我（随书附赠古风表白卡与拒绝卡）    
								</h2>
								<h3>
									<span>
    		比《滚蛋吧肿瘤君》更搞笑、感人；比《我不喜欢这个世界，我只喜欢你》更温馨、浪漫。哪有什么命中注定、一见钟情，所有的机缘巧合，都只因我在你身后默默守护。    	</span><br />
    								<span>
    									<a href="javascript:;">文艺书每100减50,点此进入促销会场>></a><br />
    									<a href="javascript:;">美亚畅销书《熊镇》来了，请点击>></a>
    								</span>
								</h3>
							</div>
							<!--=--------------主体--内容展示区-出版信息----------->
							<div class="publish">
								<span>作者:<a href="javascript:;">亦落芩</a></span>
								<span>出版社:<a href="javascript:;">四川文艺出版社</a></span>
								<span>出版时间:2018年09月 </span>
								<div class="comment">
									<span>在<a href="javascript:;">当当小说新书榜</a>排名<span>403</span>位</span>
									<span class="star"><span><span></span></span>
									<a href="javascript:;">209</a>条评论</span>
									<a href="javascript:;">我要写评论</a>
								</div>
							</div>
							<!--=--------------主体--内容展示区-价格信息----------->
							<div class="price">
								<div class="price_box">
									<div class="price_now">
										<p>当当价</p>
										<p class="dd_price">
											<span>￥</span> 31.20
										</p>
									</div>
									<div class="price_discount">
										(8折)
									</div>
									<div class="pricing">

										<span>定价</span>
									</div>
									<div class="price_before">
										<span>￥</span> 39.00
									</div>
								</div>
							</div>
							<!--=--------------主体--内容展示区-促销信息----------->
							<div class="cuxiao">
								<div class="left">促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</div>
								<div class="right">
									<div class="e_book">
										<b>电子书加价购</b>
										<div class="rule">
											<a href="javascript:;" class="checkbox"></a>
											<a href="javascript:;"> +4.3元换购《我就喜欢不那么好的你》作者1：周宏翔 </a>
										</div>
									</div>
									<div class="full_reduce">
										<b>满减</b>
										<div class="rule">
											<span>每满¥100减¥50</span>
											<a href="javascript:;"> 详情>></a>
										</div>
									</div>
									<div class="raise_price">
										<b>加价购</b>
										<div class="rule">
											<span>购买本商品可加价换购以下任意一件商品</span>
											<a href="javascript:;">选购商品</a>
										</div>
									</div>

								</div>
							</div>
							<!--=--------------主体--内容展示区-地址信息----------->
							<div class="address">
								<div class="left">配&nbsp;&nbsp;送&nbsp;&nbsp;至</div>
								<div class="right">
									<span>北京市顺义区</span>
									<b>有货</b>
									<div class="yunfei">
										<a href="javascript:;">满49元免运费</a>
									</div>
								</div>
							</div>
							<!--=--------------主体--内容展示区-发货信息----------->
							<div class="shipments">
								<div class="left">服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务</div>
								<div class="right">
									<p>
										由<b>“当当”</b>发货，并提供售后服务。 22:45前完成下单，预计<b>明天(12月7日)</b>可送达</p>
								</div>
							</div>
							<!--=--------------主体--内容展示区-购买信息----------->
							<div class="buy_info">
								<div class="num">
									<input type="text" value="1" />
									<a href="javascript:;" class="add"></a>
									<a href="javascript:;" class="reduce"></a>
								</div>
								<div class="buy_box">
									<a href="javascript:;"><i></i>加入购物车</a>
									<a href="javascript:;">立即购买</a>
								</div>

							</div>
						</div>
						<!--=--------------主体--内容展示区-右侧 服务------------->
						<div class="service_more">
							<div class="service_more_box">
								<!--=--------------主体--内容展示区-右侧 服务标题------------->
								<p class="title">
									<span class="icon"></span>
									<span>当当自营</span>
								</p>
								<!--=--------------主体--内容展示区-右侧 服务明细------------->
								<ul class="service">
									<li><i class="zpfw"></i>
										<a href="javascript:;">正品保障</a>
									</li>
									<li><i class="hdfk"></i>
										<a href="javascript:;">货到付款</a>
									</li>
									<li><i class="fwzc"></i>
										<a href="javascript:;">服务支持</a>
									</li>
									<li><i class="cjfh"></i>
										<a href="javascript:;">差价返还</a>
									</li>
									<li><i class="hh"></i>
										<a href="javascript:;">15天换货</a>
									</li>
									<li><i class="lpbz"></i>
										<a href="javascript:;">礼品包装</a>
									</li>
									<li class="other"><i class="zcth"></i>
										<a href="javascript:;">支持7天无理由退货</a>
									</li>
									<li class="other"><i class="zclp"></i>
										<a href="javascript:;">支持礼品卡</a>
									</li>
								</ul>
								<!--=--------------主体--内容展示区-右侧 服务机器人售后------------->
								<div class="service_robot">

									<span></span>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="footer">
		
		
		
		</div>
		<div class="large_box">
						<div class="pic_box">
							<div class="left"></div>
							<div class="right"></div>
							<a href="javascript:;"><img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" /></a>
						</div>
						<div class="banner_box">
							<a href="javascript:;" class="top"></a>
							
							<div class="large_see_box">
								<ul>
									<li >
										<a href="javascript:;"><span></span><img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m0.ddimg.cn/7/27/25137790-2_u_3.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m0.ddimg.cn/7/27/25137790-1_u_2.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m7.ddimg.cn/62/33/25324757-8_u_5.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m0.ddimg.cn/7/27/25137790-3_u_3.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m7.ddimg.cn/62/33/25324757-4_u_8.jpg" alt="" /></a>
									</li>

								</ul>
								<ul>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m7.ddimg.cn/62/33/25324757-5_u_7.jpg" alt="" /></a>
									</li>
									<li>
										<a href="javascript:;"><span></span><img src="http://img3m9.ddimg.cn/98/28/1406889989-1_u_1.jpg" alt="" /></a>
									</li>
								</ul>
							</div>
						<a href="javascript:;" class="bottom"></a>
						</div>
						<div class="close">
							<a href="javascript:;"></a>
						</div>
					</div>
				
	</body>
	</h